<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>文件打印</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
          integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
            integrity="sha384-/mhDoLbDldZc3qpsJHpLogda//BVZbgYuw6kof4u2FrCedxOtgRZDTHgHUhOCVim"
            crossorigin="anonymous"></script>
    <style lang="css">
        .row {
            margin: 10px;
        }

        .header {
            background: #eee;
            line-height: 40px;
            font-weight: bold;
        }

        .mb-3 {
            text-align: left;
        }

        .red {
            color: red;
        }
    </style>
</head>
<body>
<div class="container text-center">
    <div class="row header">
        <div class="col">
            **文件打印
        </div>
    </div>
    <div class="row">
        <div class="mb-3">
            <label for="exampleFormControlInput1" class="form-label"><i class="red">* </i> 选择需要上传的文件</label>
            <input type="file" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com">
        </div>
        <div class="mb-3">
            <label for="exampleFormControlTextarea1" class="form-label">备注（打印份数，打印模式等）</label>
            <textarea class="form-control" id="exampleFormControlTextarea" rows="3" placeholder="打印一份，黑白"></textarea>
        </div>
        <div class="mb-3">
            <label for="exampleFormControlTextarea1" class="form-label"><i class="red">* </i>
                留下你的联系方式（手机号、QQ等），可用于查询上传的文件</label>
            <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
        </div>
    </div>
</div>

</body>
</html>